*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}
html,body{
	width: 100%;
	height: 100%;
}
.layout{
	width: 100%;
	height: 100%;
	min-width: 320px;
	max-width: 640px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin:0 auto;
}
.head{
	width: 100%;
	min-width: 320px;
	max-width: 640px;
	height: 0.85rem;
	background-color: #414C52;
	position: relative;
}
.head>h3{
	font-size: 0.35rem;
	color:#fff;
	text-align: center;
	line-height: 0.85rem;
}
.more{
	display: block;
	width: 1rem;
	height: 0.85rem;
	position: absolute;
	right: 0;
	top:0;
	font-size: 0.3rem;
	text-align: center;
	line-height: 0.85rem;
	text-decoration: none;
}
.more>i{
	font-size: 0.35rem;
	color:#fff;
}
.banner{
	width: 100%;
	height: 3.65rem;
	position: relative;
}
.banner>img{
	width: 100%;
	height: 3.65rem;	
	
	z-index: 0;
}
.banner>a{
	display: block;
	width: 50%;
	height: 0.7rem;
	/*background-color: skyblue;*/
	position: absolute;
	bottom: 0;
}
.music>img{
	width: 0.6rem;
	height: 0.6rem;
	background-color: #fff;
	position: absolute;
	right:0.3rem;
	top:0.24rem;
	border-radius: 50%;
}
.search{
	left: 0;
}
.liuyan{
	right:0;
}
.search>img{
	/*width: 50%;*/
	height: 0.4rem;
	position: absolute;
	right:0.25rem;
	top:50%;
	transform: translateY(-50%);
}
.liuyan>img{
	height: 0.35rem;
	position: absolute;
	left:0.25rem;
	top:50%;
	transform: translateY(-50%);
}
.nav{
	width: 100%;
	height: 0.55rem;
	background-color: #ccc;
	box-sizing: border-box;
	padding:0.05rem 0;
}
.left{
	box-sizing: border-box;
	width: 50%;
	height: 0.45rem;
	float: left;
	border-right: 1px solid #fff;
	font-size: 0.3rem;
	text-align: center;
}
.right{
	box-sizing: border-box;
	width: 50%;
	height: 0.45rem;
	float: right;
	border-left: 1px solid #fff;
	font-size: 0.3rem;
	text-align: center;
}
.nav>div>a{
	color:#333;
}
.movie{
	flex:1;
	overflow-y:auto;
}
.movie>ul{
	box-sizing:border-box;
	display: block;
	padding:0.1rem 0.15rem 0;
}
.movie>ul>li{
	box-sizing:border-box;
	width: 2rem;
	height: 3.2rem;
	border:1px solid #C52921;
	padding:0.09rem ;
	float: left;
	font-size: 0.2rem;
	margin-right: 0.05rem;
	margin-bottom: 0.1rem;
}
.movie>ul>li:nth-of-type(3n){
	margin-right: 0;
}
.movie>ul>li>img{
	width: 1.78rem;
	height: 1.48rem;
}
.movie>ul>li>h3{
	text-align: center;
}
.movie>ul>li>button{
	width: 1.8rem;
	height: 0.5rem;
	background-color: #C52921;
	border:none;
	border-radius: 0.1rem;
	color:#fff;
}
